@charset "utf-8";
 /*  
*@description: 内页 
*@author: name 林异频  
*@update: name (2015-08-22 18:32)更新 */
/**************main**************/
.main{ clear: both; background: url(../images/main_left1.jpg) repeat-y; margin: 0 auto; width: 1160px; margin-bottom:20px;}
.beijing .main_left{margin: 35px 20px 0 0;}
.main_left{float: left; width: 268px; margin: -38px 20px 0 0;position: relative; z-index: 5; display:inline-block;}
.main_top{ clear: both; overflow: hidden; background:url(../images/main_left.jpg) no-repeat 0 0; width: 250px; text-align: center; color: #fff; font-size: 24px; line-height:100px; letter-spacing: 1px;}
.main_top2{ clear: both; overflow: hidden; background:url(../images/main_left.jpg) no-repeat 0 0; width: 250px; text-align: center; color: #fff; font-size: 24px; line-height:50px; letter-spacing: 1px;}

.main_left1{ clear:both; overflow: hidden;}
.main_left1 li{ clear:both; overflow: hidden; line-height:48px;background: url(../images/main_left3.png) no-repeat 0 bottom; padding: 3px 0 4px;font-size: 16px;}
.main_left1 li a{ height: 48px; display: block; overflow: hidden; padding: 0 35px;}
.main_left1 li a:hover,.main_left1 li.hover a{ background: url(../images/main_left2.jpg) no-repeat right center #797979; color: #fff;}
.main_right{ overflow: hidden; padding-top:20px;}
.main_top1{border-bottom: 2px solid #e5e6e5; clear: both; height:40px; line-height: 40px;}
.main_top1 p{float: right; color: #adadad; line-height: 40px;margin-left: 10px; display: inline-block; overflow: hidden;}
.main_top1 p a{ color: #adadad;}
.main_top1 big{float: left; border-bottom: 4px solid #f75550; color: #f75550; font-size: 18px; position: relative; z-index: 1; margin-bottom: -2px; line-height: 38px; padding-right: 10px; display: inline-block;}
.main_top3{ clear: both; overflow: hidden; padding: 10px 0;}
.main_top3 p{ border-left: 10px solid #373737; background: #f75550; color: #fff;font-size: 14px; padding-left: 20px; line-height: 40px;}

.page{ clear: both; overflow: hidden; padding: 30px 0; text-align: center; color: #a7a7a7;}
.page a{ border: 1px solid #c3c3c3;border-radius: 3px; line-height: 24px; padding: 0 10px; display: inline-block; margin: 0 2px;}
.page a.page_prev{ background: url(../images/page_prev.png) no-repeat 0 center; padding-left: 15px;}
.page a.page_next{ background: url(../images/page_next.png) no-repeat right center; padding-right: 15px;}
.page a.thisclass,.page a:hover,.page a#ben{ background-color: #5d87dd; color: #fff; border: 1px solid #5d87dd;}
.page span{ display: inline-block; overflow: hidden; padding: 0 3px;}
.page_i1{ border: 1px solid #a9a9a9; width: 40px; text-align: center; line-height: 24px; height: 24px; overflow: hidden;}
.page_i2{ border: 1px solid #c3c3c3; border-radius: 3px; padding: 0 15px 0 10px; display: inline-block; cursor: pointer; height: 26px; background: url(../images/page_next.png) no-repeat right center;}
/**************产品中心**************/
.product{ clear:both; overflow: hidden; padding:15px 6px 0;}
.product big{ clear: both; overflow: hidden; text-align: center; font-size: 24px; color: #f75550; display: block;}
.product ul{ clear: both; overflow: hidden; padding: 10px 0 0;}
.product ul li{float: left; width: 256px; margin:6px 44px 6px 0; background: url(../images/index2_1.jpg) no-repeat 0 bottom; padding-bottom: 18px; display: inline-block; overflow: hidden;}
.product ul li.index2_last{ margin-right: 0; float: right;}
.product ul li a{border: 5px solid #989898; display: block; clear: both; overflow: hidden;position: relative;}
.product ul li a:hover{ border-color: #f75550;}
.product ul li .proimg_bk{ width: 320px; height: 182px;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.product ul li span{text-align:center;position:static;+position:absolute;top:50%;}
.product ul li span img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:240px; max-height:180px}


.product ul li p{left: 0; bottom: 0; background: url(../images/index2.png) repeat; z-index: 2; text-align: center; line-height: 34px; font-size: 14px; color: #fff; width: 100%;}
.product ul li p span{ display:block; width:245px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.product1{ clear: both; overflow: hidden; padding: 10px 0; line-height: 2; color: #686868;}
.pro_1 img{max-width: 100%;}
.pro_2 table{ text-align: center; vertical-align: middle;border:solid #e5e5e5;border-width: 1px 0 1px 1px; }
.pro_2 table th{ background: #f2f0f0; line-height: 28px; color:#000; border-right: 1px solid #e5e5e5;}
.pro_2 td{ line-height: 34px; border: solid #e5e5e5; border-width: 1px 1px 0 0;}
.pro_2 td.pro_c{ color: #000;}
.pro_3 li{ float: left; overflow: hidden; width:48%; margin-right: 2%; display: inline-block; line-height: 24px; height: 24px;}
.pro_3 li a{ color: #686868;}
.pro_3 li a:hover{ color:#f75550 ;}
.pro_logo{ clear: both; overflow: hidden; margin: 0 auto; padding:1px 1px 20px; width: 729px;}
.pro_logo li{float: left; width: 90px; height: 90px; position: relative;z-index: 1; border: 1px solid #d9d9d9; margin: -1px -1px 0 0;}
.pro_logo li i{ width: 90px; height: 90px; display:table; overflow: hidden; text-align: c; vertical-align: middle;}
.pro_logo li em{ display: table-cell; height: 90px; vertical-align: middle; overflow: h; *writing-mode:rl-rl; *display: block;*font-size:70px;}
.pro_logo li img{ max-height: 90px; max-width: 90px; }
.product_article{ clear: both; overflow: hidden; padding: 25px 6px;}
.product_article dt{float: left; border: 5px solid #989898; width:530px; margin-right: 25px; display: inline-block; overflow: hidden;}
.product_article dd{ overflow: hidden;font-size: 14px; color: #f75550; line-height: 2.6;}
.prod_gs {
    width: 295px;
    height: 300px;
    float: right;
}
.prod_view_name{width: 100%;line-height: 48px;overflow: hidden;font-size: 20px;color: #444444;}
.prod_view_name b{font-weight: normal;}
.prod_view_name_bt,.prod_view_time{display: none;}
.prod_view_ms{margin-top: 52px;width: 100%;height: 178px;line-height: 26px;font-size: 12px;color: #979797;overflow: hidden;}
/**************公司简介**************/
.about{ padding: 30px 0; clear: both; overflow: hidden; font-size: 14px; color: #686868; line-height: 2.2;}
/**************公司新闻**************/
.news{ clear: both; overflow: hidden;}
.news li{ clear: both; overflow: hidden; padding: 20px 0; border-bottom: 1px dashed #d4d3d3;}
.index_news1{float: left; width:85px; height: 85px; text-align: center; display: inline-block;margin:0 15px 0 0; overflow: hidden; background: #848484; color: #fff;font-family: tahoma;}
.index_news1 big{ display: block; clear: both; overflow: hidden;font-size: 36px; margin-top:13px; line-height:40px;}
.index_news1 p{ display: block; clear:both; overflow: hidden;filter:alpha(opacity=50); -moz-opacity:0.5;-khtml-opacity:0.5; opacity:0.5; line-height: 18px;}
.index_news2{overflow: hidden;line-height: 26px;font-size: 14px;}
.index_news2 h4{ height: 26px; text-overflow: ellipsis; white-space: nowrap; overflow: h;font-size: 16px;}
.index_news2 h4 a{ color: #f75550;}
.index_news2 p{ height: 52px; overflow: hidden;}
.news li:hover .index_news1{ color: #fff; background: #f75550;}
.news_top{ clear: both; overflow: hidden; padding: 15px 0; text-align: center;}
.news_top h2{ color: #f75550;font-size: 30px; padding-bottom: 10px;font-weight: lighter;}
.news_top p{ background: #f8f8f8; line-height: 30px; clear: both; overflow: hidden; color: #a5a5a5;}
.news_article{ clear: both; overflow: hidden; padding: 10px 0 30px; line-height: 2.2;font-size: 14px; color: #686868;}
.news_article img{ max-width: 100%;}
.news_page{ clear:both; overflow: hidden; border-top: 3px solid #f8f8f8; padding: 20px 0;}
.news_page li{ clear: both; overflow: hidden; color: #a5a5a5; line-height: 2;}
.news_page li a{ color: #a5a5a5;}
.news_page li a:hover{ color: #f75550;}
/**************联系我们**************/
.contact{ clear: both; overflow: hidden; padding: 20px 0;font-size: 14px; color:#686868; line-height:2.2;}
.contact h2{font-weight: lighter; clear: both; overflow: hidden; color: #f75550;}
.contact big{ clear: both;overflow: hidden; font-size: 16px; display: block; color: #000;}
.contact_map{ clear: both; overflow: hidden; padding: 30px 0;}
.contact img{ max-width: 100%;}
/**************使用案例**************/
.case{clear: both; overflow: hidden;padding:5px 0 20px;}


.case1{ width:550px; clear:both;position:relative;overflow:hidden;margin: 0 auto; padding: 30px 0 50px;}
.case1 .pic{ width:100%; height:72px; clear: both; overflow: hidden;position: relative;  margin-top: 15px;}
.case1 .small_pic{ clear:both; width:480px; height:72px; margin: 0 auto;}
.case1 .small_pic ul li{overflow:hidden;cursor:pointer;float: left; width: 96px; height: 70px; margin: 0 11px; display: inline-block; border: 1px solid #ccc;}
.case1 .small_pic ul li.on{ border-color:#f75550}
.case1 .small_pic ul li center{ width:96px; height:70px; overflow:hidden}
.case1 .small_pic ul li img{vertical-align:middle}
.case1 .next_1,.case1 .prev_1{ height:100%; width:24px; display:block; clear:both; overflow:hidden;position: absolute; top: 0;}
.case1 .prev_1{background:url(../images/case_left.jpg) no-repeat 0 center; left: 0;}
.case1 .next_1{ background:url(../images/case_right.jpg) no-repeat 0 center; right: 0;}

.case1 .big_pic{ width:100%;text-align:center; overflow:hidden;}
.case1 .big_pic li{clear: both; overflow: hidden;}
.case1 .big_pic li img{ width:538px; padding: 5px; border: 1px solid #ccc; }

/**************资质证书**************/
.honner{ clear: both; overflow: hidden; padding: 10px 0;}
.honner li{float:left; text-align: center; font-size: 14px; width:200px; margin: 10px 24px 0 0; display: inline-block; overflow: hidden;}
.honner li em{ width: 200px; height: 260px; margin-bottom: 10px; display: block; overflow:hidden;}
.honner li.honner_nr{ margin-right: 0;}

.index_app{ clear: both; overflow: hidden; padding: 12px 0 10px;}
.index_app li{ clear: both; overflow: hidden; border-bottom: 1px dashed #bcbcbc; line-height: 39px; background: url(../images/index4.png) no-repeat 5px center; padding-left: 20px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}

/*产品居中代码*/
.proimg_bk1{ width:530px; height:350px; border:1px solid #ddd;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.proimg_bk1 .proimg1{width:530px;line-height:350px;height:350px;text-align:center;position:static;+position:absolute;top:50%}
.proimg_bk1 img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:500px; max-height:320px}


.proR{ width:840px;}
.proR h2{ height:40px; background:#f75550; line-height:40px; font-size:20px; font-weight:normal; color:#fff; text-indent:10px;}
.proR h2 span{ font-size:14px; margin-left:10px; font-family:arial; color:#fff;}
.proR h2 a{ font-size:14px; color:#fff; float:right; margin-right:10px;}

.proR .cp{ border:1px solid #ccc; border-top:none; padding:25px 20px; border-bottom:17px solid #ccc;}
.proR .cp h3{ height:30px; line-height:30px; font-size:18px; color:#f75550; font-weight:normal; text-align:center;}
.proR ul{ width:825px; overflow:hidden;}
.proR ul li{ width:250px; height:204px; position:relative; margin-right:25px; float:left; margin-top:25px;}
.proR ul li .proimg_bk{ width:250px; height:168px; border:1px solid #ccc; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.proR ul li .proimg_bk .proimg{width:250px;line-height:168px;*line-height:200px;height:168px;*height:200px;text-align:center;position:static;+position:absolute;top:50%}
.proR ul li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:245px; max-height:153px}
.proR ul li p{ height:35px; background:#f75550; text-align:center; line-height:35px; font-size:14px; color:#fff;}
.proR ul li:hover .proimg_bk{ border:1px solid #f75550; border-bottom:none;}
.proR ul li:hover p{ background:#f75550;}
.proR ul li .hei{ width:248px; height:168px; background:#000; position:absolute; left:1px; top:1px;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; display:none;}
.proR ul li .Detail{ position:absolute; left:64px; top:69px; width:120px; height:30px; display:block; background:#f75550; font-size:14px; text-align:center; line-height:30px; color:#fff;  display:none;}
.proR ul li:hover .Detail{ display:block;}
.proR ul li:hover .hei{ display:block;}